@charset "utf-8";
/* CSS Document */
body {
	background: #364753;
	background: -moz-linear-gradient(left, #364753 0%, #151e25 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #364753),
		color-stop(100%, #151e25));
	background: -webkit-linear-gradient(left, #364753 0%, #151e25 100%);
	background: -o-linear-gradient(left, #364753 0%, #151e25 100%);
	background: -ms-linear-gradient(left, #364753 0%, #151e25 100%);
	background: linear-gradient(to right, #364753 0%, #151e25 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(     startColorstr='#364753',
		endColorstr='#151e25', GradientType=1);
}

#superior {
	width: 100%;
	height: auto-20;
}

#encabezado {
	position: relative;
	float: left;
	clear: right;
	width: 200px;
	padding: 1% 0% 1% 5%;
	display: block;
}

#botonAll {
	position: relative;
	float: right;
	clear: right;
	width: 164px;
	padding: 3% 8% 2% 2%;
	display: block;
}

#contenido {
	width: auto;
	padding: 12% 5% 0% 0%;
	display: compact;
}

ul#categoria li {
	display: block;
	float: left;
}

ul#categoria li img {
	margin: auto;
	margin-top: -5px;
}

.item {
	width: 220px;
	float: left;
	border: solid thin #808080;
	background-repeat: no-repeat;
	display: block;
	margin: 10px;
	float: left;
	position:relative;
	height: 160px;
}

.contenido_int {
	background-color: #132833;
	
	
	/*background-image: -webkit-gradient(linear, left top, left bottom, from(#132833), to( #FFFFF));/*Chrome y Safari*/
    background-image: -moz-linear-gradient(top center, #132833, #E3E3E3);/*Firefox*/
    background-image: -o-linear-gradient(top, #132833, #FFFFF);/*Opera*/
    background-image: linear-gradient(top, #132833, #FFFFF);*/
	
	
	width: 98%;
	padding: 5px;
	position: absolute;
	display: block;
	bottom: 0px;
	filter: alpha(opacity = 95);
	-moz-opacity: .95;
	opacity: .95;
}

.titulo {
	margin: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF; 
}

.parrafo {
	margin: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.col1 { width: 464px; }

.contenido_int1 { width: 95%; }

.contenido_int2 { 
	filter: alpha(opacity = 75);
	-moz-opacity: .75;
	opacity: .75;
}

.bigbox { 
	width: 250px;
	height: 520px; 
	
}

.titulo1{
	font-size: 35px;
	text-align:right;
	font-family: Helvetica;
}

.color1{
	background-color: #116D8C;
		
}

.color2{
	background-color: #25B348;
		
}

.color3{
	background-color: #34D0CD;
		
}

.color4{
	background-color: #D9953C;
		
}

.color5{
	background-color: red;
	//#B080B5
		
}

.logo_general {
	background-image:url(../img/logo.svg);
	background-repeat: no-repeat;
	background-color: #132833;
	width: 240px;
	padding: 5px;
	position: absolute;
	display: block;
	top: 0px;
	filter: alpha(opacity = 75);
	-moz-opacity: .75;
	opacity: .75;
	height: 95px;
	
}

.transtiara{
	filter: alpha(opacity = 75);
	-moz-opacity: .75;
	opacity: .75;
	width: 100%;
	border: none;
	background-image:url(../img/tiara1.jpg);
	background-repeat: no-repeat;
	display: block;
	position:relative;
	height: 100%;
	z-index: 1;
}

.separator { 
	width: 60%;
	height: 20px;
	text-align: right;
	font-family: Helvetica;
	color: #FFFFFF; 
}

.idnews{
	display: none;
}

.buttonlike {
	//background-color: #132833;
	//width: 10px;
	//padding: -15px;
	padding-right:5px;
	padding-top:5px;
	position: relative;
	display: block;
	top: 0px;
	filter: alpha(opacity = 75);
	-moz-opacity: .75;
	opacity: .75;
	height: 25px;
	float: right;
	z-index: 10;
}

.star{
	#background-image:url(../img/star.png);
	padding-left:5px;
	padding-top:5px;
	position: relative;
	display: block;
	top: 0px;
	filter: alpha(opacity = 75);
	-moz-opacity: .75;
	opacity: .75;
	height: 25px;
	float: left;
	z-index: 10;
}

.star img{
	width: 25px;
	height: 25px;
}

.linknews{
	
	text-decoration: none;
	
}

.linknews:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF; 
	text-decoration: none;
	font-weight:bold;
	width: 100%;
}

